<template>
    <div id="backToTop" >
    <div style="height:999px">

    </div>
      <back-to-top :custom-style="myBackToTopStyle" :visibility-height="300" :back-position="50" transition-name="fade" />
    </div>
</template>
<script>
    import BackToTop from '@/components/BackToTop'
    export default {
        name: 'BackToTopDemo',
        components: {
            BackToTop
        },
        data() {
            return {
                 myBackToTopStyle: {
        right: '50px',
        bottom: '50px',
        width: '40px',
        height: '40px',
        'border-radius': '4px',
        'line-height': '45px', // 请保持与高度一致以垂直居中 Please keep consistent with height to center vertically
        background: '#e7eaf1'// 按钮的背景颜色 The background color of the button
      }
            }
        },
        computed: {
           
        },
        methods: {
           

        }
    }
</script>
<style scoped>

</style>
